<template>
  <el-menu
    default-active="1"
    class="el-menu-vertical-demo"
    background-color="#545c64"
    text-color="#fff"
    active-text-color="#ffd04b"
  >
    <div class="logo">黑马头条</div>
    <el-submenu index="1">
      <template slot="title">
        <span>文章管理</span>
      </template>
      <el-menu-item-group>
        <router-link to="/postlist">
          <el-menu-item index="1">
            文章列表
          </el-menu-item>
        </router-link>
        <router-link to="editpost">
          <el-menu-item index="2">
            发布文章
          </el-menu-item>
        </router-link>
      </el-menu-item-group>
    </el-submenu>
  </el-menu>
</template>

<script>
export default {};
</script>
<style lang="less" scoped>
.el-aside[data-v-fae5bece] {
  height: 100vh;
}

.logo {
  height: 60px;
  line-height: 60px;
  background-color: #333;
  color: #fff;
  font-size: 20px;
}
</style>
